.user {
  height: 100%;
  .header {
    height: 360rpx;
    .header-content {
      position: fixed;
      width: 100%;
      height: 360rpx;
      background-color: rgb(65, 148, 136);
      z-index: 99;
      .sign-out {
        position: absolute;
        top: 22rpx;
        right: 22rpx;
        img {
          width: 50rpx;
          height: 50rpx;
        }
      }
      .staff-block {
        position: absolute;
        top: 50rpx;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .staff-avatar {
          width: 200rpx;
          height: 200rpx;
          overflow: hidden;
          border-radius: 50%;
          img {
            width: 200rpx;
            height: 200rpx;
          }
        }
        .staff-name {
          margin-top: 10rpx;
          color: #fff;
          font-size: 36rpx;
        }
        .staff-id {
          color: #fff;
          font-size: 26rpx;
        }
      }
    }
  }
  .user-content {
    overflow: scroll;
    box-sizing: border-box;
    height: 100%;
  }
  .main-list {
    box-sizing: border-box;
    padding-bottom: 500rpx;
    .main-contain {
      padding-bottom: 180rpx;
      background: rgb(233, 233, 233);
      .info-item {
        position: relative;
        height: 120rpx;
        border-bottom: 2px solid rgb(233, 233, 233);
        navigator {
          width: 100%;
          height: 120rpx;
        }
        .info-title {
          position: absolute;
          height: 120rpx;
          line-height: 120rpx;
          padding-left: 20rpx;
          font-size: 36rpx;
        }
        .info-desc {
          position: absolute;
          right: 80rpx;
          height: 120rpx;
          line-height: 120rpx;
          font-size: 34rpx;
          color: #888;
        }
        .info-img {
          position: absolute;
          right: 0;
          width: 60rpx;
          height: 120rpx;
          line-height: 120rpx;
          img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
            width: 50rpx;
            height: 45rpx;
          }
        }
        &:last-child {
          border-bottom: none;
        }
      }
      .user-info {
        padding: 0 30rpx;
        background: #fff;
      }
      .app-info {
        // height: 1000rpx;
        padding: 0 30rpx;
        margin-top: 20rpx;
        background-color: #fff;
      }
    }
  }
}
